import './App.css';
import {useRoutes} from "react-router-dom";
import routes from "./routes";

function App() {
  const element = useRoutes(routes)

  return (
      <div className="logindiv">

        <div >
          {/*<div className="row">*/}
          {/*  <div className="col-xs-2 col-xs-offset-2">*/}
          {/*    <div className="list-group">*/}
          {/*      /!* 点击的时候调用className函数*!/*/}
          {/*    </div>*/}
          {/*  </div>*/}
          {/*  <div className="col-xs-6">*/}
          {/*    <div className="panel">*/}
          {/*      <div className="panel-body">*/}
                  {/*/懒加载需要指定一个加载不出来的组件 */}
          {/*        /!*<Suspense fallback={<h1>1111</h1>}>*!/*/}
          {/*        /!* caseSensitive 是开启大小写严格模式 *!/*/}
          {/*        /!*<Routes>*!/*/}
          {/*        /!*    <Route path="/about" caseSensitive element={<About/>}></Route>*!/*/}
          {/*        /!*    <Route path="/home" element={<Home/>}></Route>*!/*/}
          {/*        /!*    <Route path="/" to={<Navigate to="/about"/>}></Route>*!/*/}
          {/*        /!*    /!*<Redirect to="/home"/>*!/*!/*/}
          {/*        /!*</Routes>*!/*/}
          {/*        /!*</Suspense>*!/*/}
          {/*      </div>*/}
          {/*    </div>*/}
          {/*  </div>*/}
          {/*</div>*/}
          {element}
        </div>
      </div>
  );

}


export default App;
